@charset "utf-8";



@import 'bootstrap.min.css';



@import 'font-awesome.css';



@import 'richtext.css';



@import 'animate.min.css';



* {

    font-family: Open Sans;

    font-size: 14px

}



.sep-header {

    width: 100%;

    height: auto;

    position: absolute;

    left: 0;

    top: 50;

    z-index: 99

}



.sep-header .sep-container .logo {

    float: left;

    padding: 14px 0

}



.sep-header .sep-container .header-box {

    width: auto;

    height: auto;

    float: right;

    padding-top: 28px

}



.sep-header .sep-container .header-box .header-nav { background:rgba(22, 37, 96, 0.6);  border-radius:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;

    float: left

}
.sep-header .sep-container .header-box .header-nav .shop{ background:rgba(204,51,0,1); font-weight:bold;}


.sep-header .sep-container .header-box .header-nav ul li {

    float: left;

    width: auto;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.sep-header .sep-container .header-box .header-nav ul li a {

    padding: 14px 20px;

    font-size: 18px;

    text-transform: uppercase;

    color: #fff;

    display: block

}



.sep-header .sep-container .header-box .search-right {

    float: left;

    margin-top: 8px;

    position: relative

}



.sep-header .sep-container .header-box .search-right .span {

    float: left;

    display: block;

    width: 26px;

    height: 26px;

    border: 1px solid #fff;

    font-size: 14px;

    color: #fff;

    margin: 3px 3px 0;

    text-align: center;

    line-height: 25px;

    border-radius: 100%;

    text-transform: uppercase

}



.sep-header .sep-container .header-box .search-right .span i {

    font-size: 16px;

    text-transform: uppercase;

    color: #fff

}



.sep-header .sep-container .header-box .search-right .header-tel {

    position: absolute;

    top: 0;

    right: 110%;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    width: 0;

    height: 33px;

    border-radius: 12px;

    line-height: 33px;

    color: #07407f;

    overflow: hidden;

    z-index: 9

}



.sep-header .sep-container .header-box .search-right .header-tel.tel-on {

    width: 124px;

    padding-left: 10px

}



.sep-header .sep-container .header-box .search-right .language-list {

    position: absolute;

    right: -7px;

    top: 100%;

    opacity: 0;

    padding-top: 30px;

    z-index: -1;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.sep-header .sep-container .header-box .search-right .language-list>ul {

    width: 42px;

    height: auto;

    padding: 7px 7px 0;

    overflow: hidden;

    background: #f3f3f4

}



.sep-header .sep-container .header-box .search-right .language-list>ul li {

    width: 28px;

    height: 28px;

    

    text-align: center;

    line-height: 28px;

   

    margin-bottom: 7px

}



.sep-header .sep-container .header-box .search-right .language-list>ul li a {

    font-size: 14px;

    color: #040000;

    text-transform: uppercase

}



.sep-header .sep-container .header-box .search-right .language-list.selects {

    max-height: 500px;

    z-index: 99;

    opacity: 1

}



.sep-header .sep-container .header-box .forms {

    float: left;

    position: relative;

    width: 142px;

    height: 33px;

    margin: 8px 7px 0 4px

}



.sep-header .sep-container .header-box .forms form {

    position: relative

}



.sep-header .sep-container .header-box .forms form input[type='text'] {

    box-shadow: none;

    width: 142px;

    background: #d6d6d7;

    padding-left: 10px;

    height: 31px;

    color: #747474;

    outline: none;

    display: inline-block;

    border-radius: 12px;

    border: 1px solid #d6d6d7;

    transition: All .4s ease-in-out;

    -webkit-transition: All .4s ease-in-out;

    -moz-transition: All .4s ease-in-out;

    -o-transition: All .4s ease-in-out

}



.sep-header .sep-container .header-box .forms form input[type='text']::-webkit-input-placeholder {

    color: #d2d2d2

}



.sep-header .sep-container .header-box .forms form button[type='submit'] {

    width: 26px;

    height: 26px;

    display: block;

    border: 1px solid #747474;

    background: transparent;

    border-radius: 100%;

    outline: none;

    position: absolute;

    top: 3px;

    right: 5px

}



.sep-header .sep-container .header-box .forms form button[type='submit'] i {

    color: #747474

}



.sep-banner {

    overflow: hidden;

    max-height: 813px;

    width: 100%;

    position: relative

}



.sep-banner.banner-one {

    display: block

}



.sep-banner.banner-two {

    display: none

}



.sep-banner .banner .list {

    position: relative;

    display: block

}



.sep-banner .banner .list img {

    max-width: 100%

}



.sep-banner .banner .list .covers {

    width: 878px;

    height: auto;

    position: absolute;

    top: 37%;

    left: 50%;

    margin-left: -432px;

    opacity: 1

}



.sep-banner .banner .list .covers .titles {

    font-size: 55px;

    line-height: 77px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold

}



.sep-banner .banner .list .covers span {

    font-size: 26px;

    line-height: 35px;

    color: #fff;

    display: block;

    text-align: center;

    padding: 12px 0;

    margin: 0 auto;

    font-family:

}



.sep-body {

    background: #f5f5f5

}



.sep-body .sep-products .sep-container {

    padding: 60px 0 0;

    overflow: hidden

}



.sep-body .sep-products .sep-container>.titles .titles-a {

    width: 100%;

    font-size: 26px;

    color: #323232;

    text-align: center;

    letter-spacing: 0;

    display: block

}



.sep-body .sep-products .sep-container>.titles span {

    width: 100%;

    margin: 0 auto;

    padding: 24px 0 30px;

    color: #646464;

    font-size: 14px;

    line-height: 23px;

    text-align: left;

    display: block;

    letter-spacing: .5px

}



.sep-body .sep-products .sep-container ul li {

    width: 31%;

    float: left;

    margin-bottom: 40px

}



.sep-body .sep-products .sep-container ul li:nth-child(2),.sep-body .sep-products .sep-container ul li:nth-child(5),.sep-body .sep-products .sep-container ul li:nth-child(8) {

    margin: 0 40px 40px

}



.sep-body .sep-products .sep-container ul li dl {

    box-shadow: 0 1px 2px #dcdbdb;

    background: #fff;

    position: relative;

    height: auto;

    text-align: center;

    border-radius: 2px

}



.sep-body .sep-products .sep-container ul li dl dt {

    display: block;

    width: 100%;

    height: auto;

    position: relative;

    height: 278px;

    text-align: center;

    line-height: 278px

}



.sep-body .sep-products .sep-container ul li dl dt img {

    max-width: 300px;

    width:300px;

    height:256px;



}



.sep-body .sep-products .sep-container ul li dl dt .covers {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0,0,0,0);

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s

}



.sep-body .sep-products .sep-container ul li dl dd .titles {

    padding: 0 20px;

    display: block;

    height: 43px;

    line-height: 43px;

    font-size: 16px;

    color: #323232;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    border-top: 1px solid #f5f5f5;

    border-bottom: 1px solid #f5f5f5

}



.sep-body .sep-products .sep-container ul li dl dd span {

    padding: 8px 20px 0;

    font-size: 14px;

    line-height: 22px;

    color: #646464;

    display: block;

    letter-spacing: .5px

}



.sep-body .sep-products .sep-container ul li dl .hovers {

    height: 18px;

    width: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -9px;

    z-index: 10;

    text-align: center

}



.sep-body .sep-products .sep-container ul li dl .hovers .smalls {

    overflow: hidden;

    display: inline-block;

    vertical-align: top;

    opacity: 0;

    cursor: pointer;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s

}



.sep-body .sep-products .sep-container ul li dl .hovers .smalls.left {

    width: 30px;

    height: 17px;

    background: url(../images/small-links.png) no-repeat 0 -1px;

    margin-right: 15px

}



.sep-body .sep-products .sep-container ul li dl .hovers .smalls.right {

    width: 39px;

    height: 17px;

    background: url(../images/small-links.png) no-repeat -41px -1px;

    margin-left: 15px

}



.sep-body .sep-products .sep-container ul li dl:hover {

    box-shadow: 0 1px 2px #dcdbdb

}



.sep-body .sep-products .sep-container ul li dl:hover dt .covers {

    background: rgba(0,0,0,0.3)

}



.sep-body .sep-products .sep-container ul li dl:hover dd .titles {

    color: #0f218b

}



.sep-body .sep-products .sep-container ul li dl:hover .hovers .smalls {

    opacity: 1

}



.sep-body .sep-company-profile {

    position: relative

}



.sep-body .sep-company-profile .sep-container {

    padding: 0 0 44px;

    overflow: hidden

}



.sep-body .sep-company-profile .sep-container .lefts {

    float: left;

    width: 65.5%;

    padding: 0 20px;

    height: 284px;

    background: #fff;

    box-shadow: 0 1px 2px #dddcdc

}



.sep-body .sep-company-profile .sep-container .lefts .titles .titles-a {

    width: 100%;

    font-size: 26px;

    color: #323232;

    letter-spacing: 0;

    display: block;

    line-height: normal;

    margin-top: 40px

}



.sep-body .sep-company-profile .sep-container .lefts .titles .span {

    color: #646464;

    font-size: 14px;

    line-height: 23px;

    display: block;

    padding: 10px 0 30px;

    letter-spacing: .5px

}



.sep-body .sep-company-profile .sep-container .rights {

    width: 31%;

    float: right;

    padding: 19px;

    background: #fff;

    overflow: hidden;

    box-shadow: 0 1px 2px #dddcdc

}



.sep-body .sep-company-profile .sep-container .rights img {

    max-width: 100%

}



.sep-body .sep-certificates .sep-container ul li {

    width: 31%;

    float: left;

    background: #fff;

    padding-bottom: 18px;

    height: 310px;

    margin-bottom: 40px;

    box-shadow: 0 1px 2px #dddcdc

}



.sep-body .sep-certificates .sep-container ul li:nth-child(2),.sep-body .sep-certificates .sep-container ul li:nth-child(5),.sep-body .sep-certificates .sep-container ul li:nth-child(8) {

    margin: 0 40px 40px

}



.sep-body .sep-certificates .sep-container ul li dl dd .titles {

    height: 43px;

    font-size: 16px;

    line-height: 43px;

    padding: 0 19px;

    border-top: 1px solid #f5f5f5;

    border-bottom: 1px solid #f5f5f5;

    color: #323232;

    display: block

}



.sep-body .sep-certificates .sep-container ul li dl dd .titles.threes {

    font-size: 20px

}



.sep-body .sep-certificates .sep-container ul li dl dd span {

    line-height: 21px;

    color: #646464;

    padding: 0 16px;

    display: block;

    padding-top: 10px

}



.sep-body .sep-certificates .sep-container ul li dl dd.dds {

    padding: 0 19px

}



.sep-body .sep-certificates .sep-container ul li dl dd.dds .lists {

    display: block;

    line-height: 21px;

    padding: 5px 0

}

.sep-body .sep-certificates .sep-container ul li dl dd.dds .lists .title{

    width: 70%;

    padding:5px 0; 

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.sep-body .sep-certificates .sep-container ul li dl dd.dds .lists .date{

    width: 25%;

    float: right;   

    padding:5px 0;

    display: inline-block;

}



.sep-body .sep-certificates .sep-container ul li dl dd.dds .lists:before {

  

}



.sep-body .sep-certificates .sep-container ul li dl:hover dd .titles {

    color: #1c3f77

}



.sep-body .sep-certificates .sep-container ul li dl .bx-wrapper .bx-pager {

    display: none

}



.sep-body .sep-faq-news .sep-container {

    padding-bottom: 66px

}



.sep-body .sep-faq-news .sep-container .faq {

    width: 31%;

    background: #fff;

    box-shadow: 0 1px 2px #dddcdc;

    padding-bottom: 20px;

    float: left

}



.sep-body .sep-faq-news .sep-container .faq dl dd .titles {

    height: 43px;

    font-size: 16px;

    line-height: 43px;

    padding: 0 19px;

    border-top: 1px solid #f5f5f5;

    border-bottom: 1px solid #f5f5f5;

    color: #323232;

    display: block

}



.sep-body .sep-faq-news .sep-container .faq dl dd .titles>span {

    float: right;

    color: #1c3f77;

    font-size: 14px

}



.sep-body .sep-faq-news .sep-container .faq dl dd>span {

    position: relative;

    line-height: 21px;

    color: #646464;

    padding: 0 16px;

    display: block;

    padding: 10px 16px 0 48px

}



.sep-body .sep-faq-news .sep-container .faq dl dd>span:before {

    background: #1c3f77;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    display: inline-block;

    width: 20px;

    height: 20px;

    border-radius: 4px;

    text-align: center;

    line-height: 20px;

    position: absolute;

    left: 18px;

    top: 12px

}



.sep-body .sep-faq-news .sep-container .faq dl dd>span:nth-child(1):before {

    content: 'q'

}



.sep-body .sep-faq-news .sep-container .faq dl dd>span:nth-child(2):before {

    content: 'a'

}



.sep-body .sep-faq-news .sep-container .news {

    width: 65.5%;

    background: #fff;

    box-shadow: 0 1px 2px #dddcdc;

    padding: 0 20px;

    float: right

}



.sep-body .sep-faq-news .sep-container .news>.news-titles {

    width: 100%;

    font-size: 29px;

    color: #323232;

    line-height: 76px;

    margin-top: 18px;

    overflow: hidden

}



.sep-body .sep-faq-news .sep-container .news>.news-titles .titles {

    font-size: 29px;

    color: #323232;

    line-height: 76px;

    float: left

}



.sep-body .sep-faq-news .sep-container .news>.news-titles ul {

    float: right

}



.sep-body .sep-faq-news .sep-container .news>.news-titles ul li {

    display: inline-block

}



.sep-body .sep-faq-news .sep-container .news>.news-titles ul li:before {

    content: '|';

    padding: 0 14px;

    color: #656565

}

.sep-body .sep-faq-news .sep-container .news>.news-titles ul li:first-child:before {

    content: " ";

    padding: 0 14px;

    color: #656565

}



.sep-body .sep-faq-news .sep-container .news>.news-titles ul li a {

    color: #323232;

    font-size: 14px

}



.sep-body .sep-faq-news .sep-container .news>.news-titles ul li.selects a {

    color: #1c3f77

}



.sep-body .sep-faq-news .sep-container .news .content-list {

    position: relative;

    min-height: 380px

}



.sep-body .sep-faq-news .sep-container .news .content-list .lists {

    position: absolute;

    left: 0;

    top: 0;

    display: none

}



.sep-body .sep-faq-news .sep-container .news dl {

    overflow: hidden;

    padding: 15px 0;

    border-bottom: 1px solid #f5f5f5

}



.sep-body .sep-faq-news .sep-container .news dl dt {

    float: left;

    max-width: 137px;

    max-height: 91px;

    line-height: 91px;

    border: 1px solid #e6e5e5;

    overflow: hidden

}



.sep-body .sep-faq-news .sep-container .news dl dt img {

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    max-width: 100%;

    height: auto

}



.sep-body .sep-faq-news .sep-container .news dl dt:hover img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.sep-body .sep-faq-news .sep-container .news dl dd {

    width: 76%;

    line-height: 20px;

    color: #646464;

    font-size: 14px;

    float: left;

    display: block;

    padding-left: 17px

}



.sep-body .sep-faq-news .sep-container .news dl dd .titles-a {

    font-size: 16px;

    line-height: 22px;

    color: #323232;

    display: block

}



.sep-body .sep-faq-news .sep-container .news dl dd .titles-a:hover {

    color: #1c3f77

}



.sep-body .sep-faq-news .sep-container .news dl dd>span {

    line-height: 20px;

    color: #646464;

    font-size: 14px;

    display: block;

    padding: 5px 0 7px

}



.sep-body .sep-faq-news .sep-container .news .content-list dl:nth-child(1) {

    padding-top: 0

}



.sep-footer {

    background: #000

}



.sep-footer .footer-search {

    background: #1c3f77

}



.sep-footer .footer-search .sep-container {

    text-align: center;

    line-height: 83px

}



.sep-footer .footer-search .sep-container span {

    font-size: 18px;

    color: #fff

}



.sep-footer .footer-search .sep-container form {

    display: inline-block

}



.sep-footer .footer-search .sep-container form input {

    height: 40px;

    border-radius: 8px;

    vertical-align: middle;

    outline: none;

    line-height: 40px;

    color: #1c3f77;

    font-size: 18px;

    margin: 0 6px

}



.sep-footer .footer-search .sep-container form input.emails {

    width: 273px;

    background: #7288ab;

    border: none;

    text-indent: 20px

}



.sep-footer .footer-search .sep-container form input.submits {

    width: 131px;

    background: #fff;

    border: none

}



.sep-footer>.sep-container {

    padding: 21px 0

}



.sep-footer>.sep-container .footer-left {

    float: left;

    width: 36%;

    padding-left: 40px;

    height: auto

}



.sep-footer>.sep-container .footer-left .logo {

    width: 100%;

    margin: 0 0 20px

}



.sep-footer>.sep-container .footer-left .logo a img {

    width: 136px

}



.sep-footer>.sep-container .footer-left .link {

    position: relative;

    margin: 0 0 24px

}



.sep-footer>.sep-container .footer-left .link .sep-share li {

    cursor: pointer;

    width: 30px;

    height: 30px;

    padding: 0;

    background: #1c3f77;

    border-radius: 6px;

    margin-right: 8px;

    text-align: center;

    line-height: 30px;

    float: left;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.sep-footer>.sep-container .footer-left .link .sep-share li a {

    color: #fff;

    font-size: 18px

}



.sep-footer>.sep-container .footer-left .link .sep-share li a i {

    color: #fff;

    font-size: 18px

}



.sep-footer>.sep-container .footer-left .link .sep-share li a i .img {

    position: absolute;

    left: 10%;

    z-index: 999;

    top: -10px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    opacity: 0

}



.sep-footer>.sep-container .footer-left .link .sep-share li:last-child {

    background: #fff

}



.sep-footer>.sep-container .footer-left .link .sep-share li:last-child a i {

    font-size: 30px;

    color: #181a19

}



.sep-footer>.sep-container .footer-left .link .sep-share li:last-child:hover a i .img {

    opacity: 1

}



.sep-footer>.sep-container .footer-left .link .sep-share li:hover {

    border-radius: 12px

}



.sep-footer>.sep-container .footer-left>span {

    font-size: 14px;

    color: #dcdcdc;

    line-height: 22px;

    display: block

}



.sep-footer>.sep-container .footer-left>span a {

    font-size: 14px;

    color: #dcdcdc;

    line-height: 22px

}



.sep-footer>.sep-container .footer-left>span a.adds:before {

    content: '|';

    padding: 0 10px

}



.sep-footer>.sep-container .footer-right {

    width: 64%;

    float: right;

    overflow: hidden

}



.sep-footer>.sep-container .footer-right .lists {

    width: 48%;

    float: left;

    padding: 0 20px

}



.sep-footer>.sep-container .footer-right .lists.firsts {

    width: 52%

}



.sep-footer>.sep-container .footer-right .lists .titles .titles-a {

    color: #dcdcdc;

    font-size: 24px;

    line-height: normal

}



.sep-footer>.sep-container .footer-right .lists .titles .titles-a:hover {

    color: #1c3f77;

    text-decoration: none

}



.sep-footer>.sep-container .footer-right .lists .titles span {

    display: block;

    width: 105px;

    height: 1px;

    background: #1c3f77;

    margin: 9px 0 14px

}



.sep-footer>.sep-container .footer-right .lists ul li a {

    font-size: 14px;

    color: #dcdcdc;

    line-height: 26px

}



.sep-footer>.sep-container .footer-right .lists ul li a:hover {

    color: #1c3f77;

    text-decoration: none

}



.sep-footer>.sep-container .footer-right .lists.threes {

    margin-bottom: 10px

}



.sep-footer>.sep-container .footer-right dl dt,.sep-footer>.sep-container .footer-right dl dd {

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    color: #dcdcdc;

    line-height: 26px;

    font-weight: normal;

    letter-spacing: .5px;

    max-width: 80%

}

.sep-footer>.sep-container .footer-right dl dt.tel400,.sep-footer>.sep-container .footer-right dl dd.tel400{font-size:18px; color:#F60; font-style:italic; font-weight:bold;}

.sep-footer>.sep-container .footer-right dl dt.down{ text-align:center; padding-left:30%;}

.sep-footer>.sep-container .footer-right dl dt a,.sep-footer>.sep-container .footer-right dl dd a {

    font-size: 14px;

    color: #dcdcdc;

    line-height: 26px

}



.sep-footer>.sep-container .footer-right dl dt a:hover,.sep-footer>.sep-container .footer-right dl dd a:hover {

    color: #1c3f77

}



.sep-footer>.sep-container .footer-right dl.adds-dl dd {

    line-height: 21px

}



.bx-wrapper {

    position: relative;

    margin: 0;

    padding: 0;

    *zoom: 1

}



.bx-wrapper img {

    max-width: 100%;

    display: block

}



.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {

    position: absolute;

    bottom: 10px;

    width: 100%

}



.bx-wrapper .bx-pager {

    left: 0;

    right: 0;

    bottom: 20px;

    border-radius: 10px;

    text-align: center;

    font-size: .85em;

    font-family: Arial;

    font-weight: bold;

    color: #666;

    z-index: 100

}



.bx-wrapper .bx-pager .bx-pager-item {

    overflow: hidden;

    text-indent: -100px;

    display: inline-block;

    *zoom: 1;

    *display: inline

}



.bx-wrapper .bx-pager a {

    display: block;

    width: 10px;

    height: 10px;

    line-height: 10px;

    margin: 0 3px;

    outline: 0;

    background: #ddd;

    background: rgba(0,0,0,0.4);

    border-radius: 22px;

    font-size: 13px;

    font-weight: normal

}



.bx-wrapper .bx-pager a:hover,.bx-wrapper .bx-pager a.active {

    background: #0f218b;

    border-color: #0f218b;

    color: #fff

}



.bx-wrapper .bx-controls-direction {

    opacity: 1

}



.bx-wrapper .bx-controls-direction a {

    position: absolute;

    left: 50%;

    margin-left: -24px;

    outline: 1;

    width: 48px;

    height: 24px;

    z-index: 9999;

    font-size: 24px;

    color: #ff454a;

    text-align: center

}



.bx-wrapper .bx-controls-direction a.bx-prev {

    top: 0

}



.bx-wrapper .bx-controls-direction a.bx-prev:hover {

    opacity: 1;

    text-decoration: none

}



.bx-wrapper .bx-controls-direction a.bx-next {

    top: 328px

}



.bx-wrapper .bx-controls-direction a.bx-next:hover {

    opacity: 1;

    text-decoration: none

}



.bx-wrapper:hover .bx-controls-direction {

    opacity: 1

}



body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select,th,td {

    padding: 0;

    margin: 0;

    color: #333;

    font-size: 14px;

    font-family: Open Sans

}



h1,h2,h3,h4,h5,h6,button,input,select,textarea {

    font-size: 100%

}



address,cite,dfn,em,var {

    font-style: normal

}



small {

    font-size: 12px

}



ul,ol {

    list-style-type: none;

    list-style-image: none

}



a {

    color: #333;

    text-decoration: none;

    outline: none

}



a:hover {

    color: #0f218b

}



sup {

    vertical-align: text-top

}



s {

    text-decoration: none

}



sub {

    vertical-align: text-bottom

}



legend {

    color: #000

}



img {

    border: 0;

    vertical-align: middle

}



table {

    border-spacing: 0;

    border-collapse: collapse

}



div {

    zoom: 1

}



.richtext img {

    height: auto

}



.richtext,.richtext * {

    font-family: Open Sans

}



.clear {

    clear: both

}



.fix:after {

    display: table;

    clear: both;

    content: ""

}



.width1150 {

    width: 1150px;

    margin: 0 auto

}



.rt {

    float: right

}



.lf {

    float: left

}



.fix:before {

    content: " ";

    display: block;

    clear: both

}



@font-face {

    font-family:"iconfont";src:url('../fonts/iconfont.eot');src:url('../font/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg') format('svg')

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    color: #143592;

    font-style: normal;

    font-weight: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: .2px;

    -moz-osx-font-smoothing: grayscale

}



@font-face {

    font-family:Open Sans;src:url("../fonts/opensans.ttf");font-style:normal;font-weight:normal

}



body {

    width: 100%;

    overflow-x: hidden

}



.logo {

    float: left;

    position: relative;

    z-index: 100

}



#onlineService {

    position: fixed;

    right: 0;

    bottom: 32%;

    z-index: 100998

}



.offside {

    width: 50px

}



.offside li {

    width: 50px;

    height: 50px;

    position: relative;

    background: #b1b1b1;

    border-bottom: 1px solid #fff;

    overflow: hidden;

    text-align: center;

    transition: all .7s;

    -webkit-transition: all .7s

}



.offside .code {

    position: absolute;

    top: 0;

    right: 50px;

    display: none;

    margin: 0

}



.offside a,.offside div {

    color: #333;

    position: absolute;

    z-index: 11;

    display: block;

    top: 0;

    right: 0;

    bottom: 0;

    cursor: pointer

}



.offside p {

    float: left;

    line-height: 50px;

    font-size: 16px;

    font-weight: 700;

    padding: 0 0 0 10px;

    color: #fff;

    opacity: 0

}



.offside .icon {

    font-size: 28px;

    height: 100%;

    line-height: 50px;

    text-align: center;

    display: block;

    color: #fff

}



.offside li:not(.li_3) a,.offside li:not(.li_3) div {

    left: 0

}



.offside .li_3 a,.offside .li_3 div {

    width: 50px

}



.offside li:nth-child(1) {

    background: #ff6800

}



.offside li:nth-child(2) {

    background: #408ed6

}



.offside li:nth-child(3) {

    background: #45882a

}



.offside li:nth-child(4) {

    background: #62ad44

}



.offside li:nth-child(5) {

    background: #2571b7

}



.offside li:nth-child(6) {

    background: #b1b1b1

}



.offside li:nth-child(7) {

    background: #0f218b;

    display: none

}



.offside li:nth-child(8) {

    background: #0f218b;

    display: none

}



.offside li:nth-child(10) {

    background: #0f218b;

    height: 20px

}



.offside li:nth-child(10) .icon {

    line-height: 20px

}



.offside li:hover a,.offside li:hover div,.offside li:hover .icon {

    color: #fff

}



.offside li:hover p {

    opacity: 1

}

.offside .li_3 img{

    width: 30px;

    height: 30px;

    margin-top: 10px;

}



.offside li:not(.li_3):hover {

    background: #98cf02

}



.offside .tel {

    width: 200px;

    transform: translateX(-150px);

    -webkit-transform: translateX(-150px)

}



.offside .back_none {

    height: 0;

    border: 0 !important

}



.offside .li {

    transform: translateX(100%);

    -webkit-transform: translateX(100%)

}



.offside .unfold {

    width: 30px;

    transform: translateX(20px);

    -webkit-transform: translateX(20px)

}



.sep-container {

    max-width: 1200px;

    margin: 0 auto

}



.send-email {

    width: 876px;

    height: 500px;

    position: fixed;

    top: 50%;

    margin-top: -250px;

    left: 50%;

    margin-left: -438px;

    border: 1px solid #adadad;

    background: #ebebeb;

    z-index: 99999999;

    display: none

}



.send-email .sep-general-form {

    margin: 0

}



.sep-onlineservices {

    display: none

}



#onlineService-two {

    display: none

}



#zoom {

    min-height: 274px

}



.sep-resource-list-nothumb .sep-datalist {

    list-style: none;

    padding: 0;

    margin: 0

}



.sep-resource-list-nothumb .sep-datalist li {

    border-bottom: dotted 1px #ddd;

    position: relative;

    min-height: 120px;

    padding: 15px 10px 50px 10px;

    line-height: 1em

}



.sep-resource-list-nothumb .sep-datalist li .thumb {

    position: absolute;

    left: 10px;

    top: 15px;

    width: 120px;

    height: 120px;

    overflow: hidden;

    text-align: center;

    display: none

}



.sep-resource-list-nothumb .sep-datalist li .thumb img {

    max-width: 100%;

    height: 90px;

    border: 1px solid #ddd

}



.sep-resource-list-nothumb .sep-datalist li .title {

    display: block;

    color: #333;

    font-weight: bold;

    margin-bottom: 10px;

    height: 1em;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 15px

}



.sep-resource-list-nothumb .sep-datalist li .title:hover {

    color: #0f218b

}

.sep-resource-list-nothumb .sep-datalist li .date{    

    color: #666;

    line-height: 1.5em;

}

.sep-resource-list-nothumb .sep-datalist li .summary {

    display: block;

    color: #666;

    line-height: 1.5em;

    word-break: break-all;

    width: 100%

}



.sep-resource-list-nothumb .sep-datalist li .published {

    display: block;

    color: #999;

    font-size: 12px;

    margin-bottom: 10px;

    position: absolute;

    bottom: 10px;

    left: 10px

}



.sep-resource-list-nothumb .sep-datalist li .published:before {

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f073";

    margin-right: 5px

}



.sep-resource-list-nothumb .sep-datalist li .btn-read {

    position: absolute;

    bottom: 10px;

    left: 10px;

    border: solid 1px #ccc;

    border-radius: 3px;

    background: #f0f0f0;

    padding: 2px 8px;

    color: #333;

    font-size: 12px;

    display: none

}



.sep-resource-list-nothumb .sep-datalist li.nothumb {

    padding: 15px 10px 50px 150px

}



.sep-resource-list-nothumb .sep-datalist li.nothumb .thumb {

    display: block

}



.sep-mainbody-form {

    overflow: hidden;

    background: #f5f5f5

}



.sep-general-form {

    background: #f5f5f5;

    padding: 41px 60px 56px

}



.sep-general-form .sep-general-form-title span {

    font-family: Arial;

    font-size: 20px;

    color: #000

}



.sep-general-form .sep-general-form-title a {

    font-size: 16px;

    color: #ff6800

}



.sep-general-form .sep-general-form-title a i {

    font-size: 16px;

    color: #ff6800;

    padding-right: 10px

}



.sep-general-form .sep-general-form-prompt {

    font-family: Arial;

    font-size: 24px;

    color: #000;

    text-transform: uppercase;

    font-weight: bold;

    text-align: center;

    margin: 15px 0 20px

}



.sep-general-form .sep-form {

    padding: 0

}



.sep-general-form .sep-form.has-error input::-webkit-input-placeholder {

    display: none

}



.sep-general-form .sep-form>div {

    width: 50%

}



.sep-general-form .sep-form>div.form-left {

    float: left

}



.sep-general-form .sep-form>div.form-right {

    float: right

}



.sep-general-form .sep-form>div.form-right .form-group {

    width: 100%;

    padding: 0 0 0 18%

}



.sep-general-form .sep-form>div.form-right .form-group .control-label {

    width: 16%

}



.sep-general-form .sep-form>div .form-group {

    width: 93%;

    padding: 0 0 0 21%;

    position: relative

}



.sep-general-form .sep-form>div .form-group.has-success:after {

    right: 0

}



.sep-general-form .sep-form>div .form-group .regex-tip {

    top: -2px;

    right: 3%;

    display: none

}



.sep-general-form .sep-form>div .form-group .control-label {

    width: 21%;

    font-weight: normal;

    color: #646464;

    font-family: Arial;

    font-size: 13px;

    position: absolute;

    left: 0;

    top: 0;

    height: 36px;

    line-height: 36px;

    text-align: right

}



.sep-general-form .sep-form>div .form-group .control-label .required {

    color: #ff6800

}



.sep-general-form .sep-form>div .form-group .form-control {

    border: 1px solid #d9d9d9

}



.sep-general-form .sep-form>div .form-group textarea {

    height: 150px

}



.sep-general-form .sep-form>div:last-child {

    width: 204px;

    float: none;

    margin: 0 auto

}



.sep-general-form .sep-form>div:last-child .btn {

    width: 204px;

    height: 41px

}



.sep-general-form .sep-form>div:last-child .btn.btn-primary {

    background: #0f218b;

    border: none;

    padding: 0;

    font-size: 24px

}



#sc-captcha {

    width: 96%

}



.input-group-addon {

    border: none

}



.form-control {

    height: 36px;

    line-height: 36px

}



.at-resp-share-element .at-share-btn .at-label {

    display: none

}



.share .at-style-responsive .at-share-btn {

    padding: 0

}



.sep-resource-list .sep-datalist {

    list-style: none;

    padding: 0;

    margin: 0

}



.sep-resource-list .sep-datalist li {

    border-bottom: dotted 1px #ddd;

    position: relative;

    min-height: 140px;

    padding: 15px 10px 50px 150px;

    line-height: 1em

}



.sep-resource-list .sep-datalist li .thumb {

    position: absolute;

    left: 10px;

    top: 15px;

    display: block;

    width: 120px;

    height: 120px;

    overflow: hidden;

    text-align: center

}



.sep-resource-list .sep-datalist li .thumb img {

    max-width: 100%;

    border: none;

    width: 100%

}



.sep-resource-list .sep-datalist li .title {

    display: block;

    color: #333;

    font-weight: bold;

    margin-top: 10px;

    height: 1em;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 15px

}



.sep-resource-list .sep-datalist li .summary {

    display: block;

    color: #666;

    line-height: 1.5em;

    word-break: break-all

}



.sep-resource-list .sep-datalist li .published {

    display: block;

    color: #999;

    font-size: 12px;

    margin-top: 10px

}



.sep-resource-list .sep-datalist li .published:before {

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f073";

    margin-right: 5px

}



.sep-resource-list .sep-datalist li .btn-read {

    position: absolute;

    bottom: 10px;

    right: 0;

    border: solid 1px #ccc;

    border-radius: 3px;

    background: #f0f0f0;

    padding: 2px 8px;

    color: #333;

    font-size: 12px

}



.sep-container:before {

    display: table;

    content: " ";

    clear: both

}



.sep-container:after {

    display: table;

    content: " ";

    clear: both

}



.faq-list .faq-item {

    overflow: hidden

}



.faq-list .faq-item .faq-question {

    clear: both;

    font-size: 16px;

    font-weight: bold

}



.faq-list .faq-item .faq-question:before {

    font-family: FontAwesome;

    content: "\f29c";

    font-size: 34px;

    color: #0f218b;

    margin-right: 12px;

    margin-left: 2px;

    vertical-align: middle;

    font-weight: normal

}



.faq-list .faq-item .faq-answer {

    box-shadow: 0 1px 4px #ccc;

    border-radius: 8px;

    padding: 10px;

    display: inline-block;

    float: right;

    margin: 5px;

    margin-left: 40px;

    padding-right: 10px;

    background-size: auto 30px;

    min-height: 40px;

    font-size: 14px

}



.faq-list .faq-item .faq-answer p {

    font-size: 14px

}



table.pro-box {

    background: #fff;

    border-collapse: collapse;

    margin-bottom: 25px;

    width: 100%

}



table.pro-box tr td {

    padding: 3px 15px;

    border: 1px solid #ddd

}



table.pro-box tr td img {

    width: 100%

}



table.pro-box tr td:first-child {

    width: 200px

}



.sep-mainbody>.sep-container {

    margin-bottom: 80px

}



.sep-mainbody>.sep-breadcrumb {

    background: #efefef;

    margin-bottom: 30px;

    padding: 0 15px

}



.sep-mainbody>.sep-breadcrumb .sep-container {

    background: transparent

}



.sep-mainbody .pro-list ul li .img {

    border: 1px solid #bbb

}



.sep-mainbody .pro-list ul li {

    margin-bottom: 5px

}



.sep-mainbody .pro-list ul li .subtitle {

    color: #565655;

    font-size: 14px;

    height: 4em;

    margin-top: 5px

}



.sep-mainbody .pro-list ul li .subtitle:hover {

    color: #0f218b

}



.sep-mainbody .sep-title {

    height: 113px;

    color: #fff;

    text-align: center;

    position: relative;

    background: transparent;

    overflow: hidden

}



.sep-mainbody .sep-title img {

    position: absolute;

    -webkit-filter: brightness(.5);

    filter: brightness(.5);

    left: 0;

    top: 0;

    width: 100%

}



.sep-mainbody .sep-title span {

    line-height: 113px;

    position: absolute;

    left: 0;

    right: 0;

    color: #fff;

    z-index: 1;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 24px

}



.kj {

    width: 1140px;

    clear: both;

    margin: 0 auto;

    overflow: hidden

}



.inside-inner img {

    width: 100%

}



.h1-title {

    height: 62px;

    background: #ddd;

    font-size: 18px;

    line-height: 62px;

    color: #fff

}



.h1-title .kj a {

    color: #000;

    font-size: 18px

}



.sep-reference-title {

    background: #7a7a7a;

    color: #fff;

    padding: 10px 20px;

    font-size: 20px;

    font-weight: bold

}



.sep-reference-title .btn {

    background: #a9a9a9;

    color: #7a7a7a;

    border: 1px solid #a9a9a9;

    position: relative;

    top: -5px

}



.sep-reference-content {

    border: 1px solid #ddd;

    background: #f6f6f6;

    padding: 15px;

    margin-top: 13px

}



.sep-reference-content .thumbs {

    width: 62.5%;

    float: left

}



.sep-reference-content .thumbs li img {

    width: 100%

}



.sep-reference-content .thumbs .bx-wrapper .bx-controls-direction {

    opacity: 1

}



.sep-reference-content .de {

    width: 35%;

    float: right

}



.sep-reference-content .de .share {

    margin: 0

}



.sep-reference-content .de .title {

    color: #000;

    font-size: 16px;

    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

    padding: 3px 0;

    margin-top: 15px

}



.sep-reference-content .text {

    margin-top: 15px

}



.sep-reference-content .text .hd {

    color: #000;

    font-size: 16px;

    margin-bottom: 5px

}



.sep-reference-content .text .bd {

    color: #565656;

    font-size: 12px

}



.sep-reference-content .solution {

    padding-top: 25px

}



.sep-reference-content .solution ul li {

    border-top: 1px solid #000;

    padding: 15px 0

}



.sep-reference-content .solution ul li .title {

    color: #000;

    font-size: 16px;

    margin-bottom: 5px

}



.sep-reference-content .solution ul li .summary {

    color: #565656;

    font-size: 14px;

    line-height: 25px

}



.map img {

    width: 100%;

    padding-top: 10px;

    border-top: 1px solid #ddd

}



.pro-list {

    padding-top: 30px

}



.pro-list ul li {

    width: 25%;

    text-align: center;

    float: left;

    margin-bottom: 40px;

    padding: 0 15px;

    position: relative

}



.pro-list ul li .img {

    border: 1px solid #bbb;

    width: 100%;

    border-bottom: none;

    overflow: hidden

}



.pro-list ul li img {

    width: 100%;

    height: 167px;

    display: block

}



.pro-list ul li a {

    display: block

}



.pro-list ul li .title {

    display: block;

    line-height: 30px;

    height: 30px;

    font-weight: bold;

    font-size: 14px;

    padding: 0 15px;

    background: #c7000b;

    color: #fff;

    border: 1px solid #bbb;

    border-top: none;

    position: absolute;

    left: 0;

    right: 0;

    top: 150px;

    overflow: hidden;

    transition: all .7s;

    -webkit-transition: all .7s

}



.pro-list ul li:hover .title {

    transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    height: 60px

}



.pro-list ul li:hover p {

    color: #c7000b

}



.pro-list ul li p {

    text-align: left;

    line-height: 24px;

    font-size: 12px;

    margin: 30px 0 0

}



.pro-list ul li.last {

    margin-right: 0

}



.pdf-list2 .title {

    background: #0f218b;

    padding: 10px;

    color: #fff;

    position: relative;

    border-radius: 12px;

    font-size: 14px

}



.pdf-list2 .title>i {

    position: absolute;

    color: #fff;

    font-size: 18px;

    top: 14px;

    right: 30px;

    cursor: pointer

}



.pdf-list2>li {

    padding-bottom: 20px

}



.pdf-list2>li.on .pdf-list {

    display: block

}



.pdf-list2 .pdf-list {

    padding-left: 20px;

    padding-top: 20px;

    display: none

}



.share {

    display: table;

    margin: 30px auto

}



.share ul li {

    float: left;

    margin: 0 2px

}



.share ul li a {

    border: 1px solid #aaa;

    border-radius: 6px;

    width: 30px;

    height: 30px;

    font-size: 16px;

    line-height: 30px;

    text-align: center;

    display: inline-block;

    color: #5b5b5b

}



.share ul li a:hover {

    color: #0f218b

}



.breadcrumb {

    background: transparent;

    padding-left: 0;

    margin-bottom: 0

}



.breadcrumb li a {

    color: #666

}



.breadcrumb li:last-child a {

    color: #0f218b

}



.breadcrumb>li+li:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #999

}



.list-des {

    height: 14.2em;

    font-size: 1.2em;

    overflow: hidden;

    padding: 5px

}



.list-des ul li:before {

    content: '●';

    padding-right: 5px

}



.sep-des-more {

    text-align: center;

    margin-bottom: 35px;

    margin-top: 10px;

    padding-bottom: 20px

}



.sep-des-more a {

    font-size: 14px;

    display: inline-block;

    padding-right: 5px

}



.sep-des-more a i {

    font-size: 24px;

    color: #d5d5d5;

    transition: All .4s ease-in-out;

    -webkit-transition: All .4s ease-in-out;

    -moz-transition: All .4s ease-in-out;

    -o-transition: All .4s ease-in-out

}



.sep-des-more a i.rot {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg)

}



.js-list {

    margin-top: 30px

}



.js-list li {

    float: left;

    width: 50%;

    position: relative;

    padding: 15px;

    padding-left: 143px;

    height: 179px

}



.js-list li .thumb {

    position: absolute;

    width: 103px;

    height: 70px;

    left: 30px;

    top: 50%;

    transform: translateY(-50%)

}



.js-list li .thumb img {

    width: 100%

}



.js-list li a {

    text-decoration: none

}



.js-list li a:hover {

    color: #0f218b

}



.js-list li .x-title {

    display: block;

    color: #000

}



.js-list li .summary {

    display: block;

    color: #565656;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 12px

}



.js-list li .link {

    font-size: 12px

}



.sep-sidebar {

    float: left;

    width: 282px;

    padding-top: 0;

    font-size: 13px;

    padding-right: 0

}



.sep-sidebar .sep-box {

    margin-bottom: 15px

}



.sep-sidebar .sep-box:last-child {

    margin-bottom: 40px

}



.sep-sidebar .sep-box .sep-box-heading {

    padding: 8px;

    padding-bottom: 15px;

    padding-left: 12px;

    background: #0f218b;

    font-size: 24px;

    color: #fff;

    font-family: Open Sans

}



.sep-sidebar .sep-box .sep-box-body {

    background: #fff

}



.sep-sidebar .sep-box .sep-box-body>ul>.has-childs>ul {

    display: none

}



.sep-sidebar .sep-box .sep-box-body>ul>li {

    border-bottom: 1px solid #fff

}



.sep-sidebar .sep-box .sep-box-body>ul>li a {

    color: #666;

    display: block;

    background: #ddd;

    padding: 10px

}



.sep-sidebar .sep-box .sep-box-body>ul>li a:hover {

    color: #0f218b

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>a {

    position: relative;

    padding: 10px;

    transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out

}




.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>a:hover {

    color: #0f218b

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>a.active {

    background: #565655;

    color: #fff

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>a.active i {

    color: #fff

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>a i {

    color: #373737;

    position: absolute;

    right: 5px;

    top: 10px;

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 25px

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>ul>li>a {

    background: #fff;

    color: #666;

    padding: 10px;

    border-bottom: 1px solid #ddd;

    transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>ul>li>a:hover {

    background: #0f218b;

    color: #fff;

    padding-left: 20px

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>ul>li>a:before {

    content: '\f105';

    font-family: FontAwesome;

    padding-right: 5px

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>ul>li>last-child>a {

    border-bottom: none

}



.sep-sidebar .sep-box .sep-box-body>ul>li.has-childs>ul>li>ul {

    display: none

}



.sep-sidebar .sep-box .sep-box-body-not-product ul li a {

    background: #fff;

    color: #666;

    border-bottom: 1px solid #ddd

}



.sep-sidebar .sep-box .sep-box-body-not-product ul li a:after {

    content: '\f04e';

    font-family: FontAwesome;

    float: right;

    font-size: 12px

}



.sep-sidebar .sep-box .sep-box-body-not-product ul li:hover a {

    background: #eee;

    color: #0f218b

}



.sep-sidebar .sep-box-panel {

    margin-bottom: 20px

}



.sep-sidebar .sep-box-panel>.datalist>li {

    padding: 0 15px;

    background: #f2f2f2;

    border-bottom: 1px solid #fff

}



.sep-sidebar .sep-box-panel>.datalist>li>a {

    color: #000;

    font-size: 14px;

    padding: 10px 0;

    display: block

}



.sep-sidebar .sep-box-panel>.datalist>li:hover>a {

    color: #0f218b

}



.sep-sidebar .sep-box-panel>.datalist>li.active>a {

    color: #0f218b

}



.sep-sidebar .sep-box-panel.product>.datalist>li>a {

    font-weight: bold

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs>a i {

    font-weight: bold;

    padding-left: 10px;

    padding-right: 10px

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs.active ul {

    display: block

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs ul {

    display: none

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs ul li {

    padding: 5px 0;

    padding-left: 10px

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs ul li i {

    color: #0f218b;

    padding-right: 5px

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs ul li a {

    font-size: 13px;

    color: #000

}



.sep-sidebar .sep-box-panel.product>.datalist>li.has-childs ul li.active a {

    color: #0f218b

}



.sep-sidebar .sep-box-panel .sep-box-panel-heading {

    background: #d1d1d1;

    padding: 10px 0;

    text-align: left;

    font-size: 20px;

    font-weight: bold;

    color: #000

}



.sep-sidebar .sep-box-panel .sep-box-panel-body {

    background: #f2f2f2;

    text-align: center;

    padding: 20px 0

}



.sep-sidebar .sep-box-panel .sep-box-panel-body img {

    max-width: 100%;

    box-shadow: 0 0 3px #666;

    border-radius: 6px

}



.sep-primary {

    width: 890px;

    float: right

}



.sep-primary .share {

    margin: 40px auto 15px

}



.sep-primary .relate {

    text-align: center;

    font-size: 18px;

    color: #fff;

    background: #0f218b;

    margin: 20px 0;

    padding: 5px 0

}



.sep-primary .relate-list .sep-pagination {

    display: none

}



.sep-primary .relate-list .sep-datalist li {

    width: 31%;

    float: left;

    margin: 0 1.16%

}



.sep-primary .relate-list .sep-datalist li .title {

    display: inline-block;

    font-size: 14px;

    background: #fff;

    color: #333;

    text-align: center;

    height: 2.5em;

    overflow: hidden

}



.sep-primary .relate-list .sep-datalist li h3 {

    text-align: center;

    margin-top: 5px

}



.sep-primary .relate-list .sep-datalist li .title:hover {

    color: #0f218b;

    text-decoration: underline

}



.sep-primary .relate-list .sep-datalist li .thumb {

    width: 100%;

    display: block;

    border: 1px solid #bbb

}



.sep-primary .relate-list .sep-datalist li .thumb img {

    width: 100%;

    min-height: 165px

}



.sep-primary .relate-list .sep-datalist li .summary {

    /*display: none*/

}



.sep-primary .relate-list .sep-datalist li .published {

    /*display: none*/

}



.sep-primary .relate-list .sep-datalist li .btn-read {

    display: none

}



.sep-primary .relate-list.relate-article-list .sep-datalist li {

    width: 46%;

    float: left;

    margin: 0 1.16%

}



.sep-primary .relate-list.relate-article-list .sep-datalist li h2 {

    overflow: hidden

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .title {

    display: inline-block;

    font-size: 14px;

    background: #fff;

    color: #000;

    text-align: left;

    width: 80%;

    float: left;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;    

    height: auto

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .title:before {

    content: '●';

    color: #000;

    padding-right: 5px

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .title:hover {

    color: #0f218b;

    text-decoration: underline

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .thumb {

    width: 100%;

    display: block;

    border: 1px solid #bbb;

    display: none

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .thumb img {

    width: 100%

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .summary {

    /*display: none*/

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .published {

    /*display: none*/

    float: right;

}



.sep-primary .relate-list.relate-article-list .sep-datalist li .btn-read {

    display: none

}



.sep-primary .sep-inner-title {

    background: #efefef;

    color: #3f3f3f;

    text-align: center;

    padding: 10px 0;

    font-size: 20px;

    font-weight: bold

}



.sep-primary .sep-inner-product_list {

    margin-top: 20px

}



.sep-primary .sep-inner-product_list .datalist li {

    width: 31.33%;

    float: left;

    margin: 1%;

    border: 1px solid #ddd;

    padding: 5px

}



.sep-primary .sep-inner-product_list .datalist li:hover .title {

    color: #0f218b

}



.sep-primary .sep-inner-product_list .datalist li:hover .thumb .box-shadow {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1)

}



.sep-primary .sep-inner-product_list .datalist li:hover .email i {

    background: #0f218b

}



.sep-primary .sep-inner-product_list .datalist li .thumb {

    position: relative;

    text-align: center;

    border-bottom: 1px solid #ddd

}



.sep-primary .sep-inner-product_list .datalist li .thumb img {

    max-width: 100%

}



.sep-primary .sep-inner-product_list .datalist li .thumb .box-shadow {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0,0,0,0.3);

    padding: 20px;

    display: block;

    transition: All .4s ease-in-out;

    -webkit-transition: All .4s ease-in-out;

    -moz-transition: All .4s ease-in-out;

    -o-transition: All .4s ease-in-out;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0)

}



.sep-primary .sep-inner-product_list .datalist li .thumb .box-shadow .i {

    width: 56px;

    height: 56px;

    border-radius: 50%;

    display: table;

    text-align: center;

    padding: 10px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.sep-primary .sep-inner-product_list .datalist li .thumb .box-shadow .i i {

    color: #0f218b;

    display: block;

    border: 1px solid #0f218b;

    border-radius: 50%;

    font-size: 20px;

    width: 100%;

    height: 100%;

    line-height: 33px

}



.sep-primary .sep-inner-product_list .datalist li .email {

    text-align: center;

    display: block;

    padding: 10px 0

}



.sep-primary .sep-inner-product_list .datalist li .email i {

    background: #e0e0e0;

    padding: 10px;

    font-size: 20px;

    border-radius: 50%;

    color: #fff

}



.sep-primary .sep-inner-product_list .datalist li .title {

    text-align: center;

    display: block;

    background: #efefef;

    font-size: 14px;

    height: 3em;

    overflow: hidden;

    line-height: 3em

}



.sep-primary .sep-inner-product-box .box-lf {

    width: 46%;

    float: left

}



.sep-primary .sep-inner-product-box .box-lf img {

    border: 1px solid #d6d6d6

}



.sep-primary .sep-inner-product-box .box-lf .pics {

    margin-top: 10px

}



.sep-primary .sep-inner-product-box .box-lf .pics li {

    text-align: center

}



.sep-primary .sep-inner-product-box .box-lf .pics li a {

    width: 31.3333%;

    float: left;

    display: block

}



.sep-primary .sep-inner-product-box .box-lf .pics li a img {

    max-width: 100%

}



.sep-primary .sep-inner-product-box .box-lf .pics li a.selects img {

    border: 1px solid #0f218b

}



.sep-primary .sep-inner-product-box .box-lf .bx-controls-direction a {

    position: absolute;

    top: 50%;

    margin-top: -22px;

    outline: 0;

    width: 24px;

    height: 44px;

    text-indent: -9999px;

    z-index: 9999;

    background: #fff

}



.sep-primary .sep-inner-product-box .box-lf .bx-controls-direction a.bx-prev {

    left: 25px;

    opacity: .5;

    background: #fff url(../images/lefts.png) no-repeat center center

}



.sep-primary .sep-inner-product-box .box-lf .bx-controls-direction a.bx-prev:hover {

    opacity: .8

}



.sep-primary .sep-inner-product-box .box-lf .bx-controls-direction a.bx-next {

    right: 0;

    left: initial;

    opacity: .5;

    background: #fff url(../images/rights.png) no-repeat center center

}



.sep-primary .sep-inner-product-box .box-lf .bx-controls-direction a.bx-next:hover {

    opacity: .8

}



.sep-primary .sep-inner-product-box .box-lf .bx-controls-direction a.disabled {

    display: none

}



.sep-primary .sep-inner-product-box .box-rt {

    width: 50%;

    float: right

}



.sep-primary .sep-inner-product-box .box-rt .share {

    margin: 0 0 15px

}



.sep-primary .sep-inner-product-box .box-rt h1 {

    font-weight: bold;

    color: #000;

    font-size: 16px;

    margin-bottom: 10px

}



.sep-primary .sep-inner-product-box .box-rt .richtext {

    padding: 0;

    color: #636363

}



.sep-primary .sep-inner-product-box .box-rt .swiper-container {

    margin: 25px 0

}



.sep-primary .sep-inner-product-box .box-rt .ul-img {

    overflow: hidden

}



.sep-primary .sep-inner-product-box .box-rt .ul-img li {

    width: 29%;

    float: left

}



.sep-primary .sep-inner-product-box .box-rt .ul-img li img {

    max-width: 100%;

    border: 1px solid #d6d6d6

}



.sep-primary .sep-inner-product-box .box-rt .ul-img li.selects img {

    border: 1px solid #0f218b

}



.sep-primary .sep-inner-product-box .box-rt .btns {

    margin-top: 15px

}



.sep-primary .sep-inner-product-box .box-rt .btns li a {

    padding-right: 50px;

    float: left;

    color: #0f218b;

    font-size: 14px

}



.sep-primary .sep-inner-product-box .box-rt .btns li a i {

    padding: 5px;

    background: #0f218b;

    color: #fff;

    border-radius: 50%

}



.sep-primary .sep-inner-labels {

    margin-top: 30px;

    background: #f2f2f2;

    padding: 10px 20px;

    box-shadow: 3px 3px 5px #999;

    height: 45px;

    position: relative

}



.sep-primary .sep-inner-labels li {

    float: left;

    padding: 0 30px;

    text-align: center;

    height: 55px;

    line-height: 55px;

    position: relative;

    top: -14px;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all .3s ease .3s;

    -moz-transition: all .3s ease .3s;

    -ms-transition: all .3s ease .3s;

    -o-transition: all .3s ease .3s;

    transition: all .3s ease .3s

}



.sep-primary .sep-inner-labels li.active {

    color: #fff

}



.sep-primary .sep-inner-labels .bg-ul {

    width: 186px;

    position: absolute;

    top: -4px;

    left: 20px;

    height: 55px;

    background: #0f218b;

    border-right: 4px solid #a9a9a9;

    z-index: 9

}



.sep-primary .sep-inner-content .richtext h2 {

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    padding: 10px 0;

    text-align: left;

    font-size: 18px;

    color: #000;

    margin-bottom: 15px;

    margin-top: 15px

}



.sep-primary .sep-inner-content .richtext h2:before {

    content: '■';

    color: #0f218b;

    padding-right: 5px

}



.sep-primary .sep-inner-content .richtext:nth-child(2) {

    display: none

}



.sep-blog .sep-body dl {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    min-height: 243px

}



.sep-blog .sep-body dl dt .thumb {

    position: absolute;

    top: 0;

    left: 0;

    width: 364px;

    height: 243px;

    overflow: hidden

}



.sep-blog .sep-body dl dt .thumb img {

    width: 100%

}



.sep-blog .sep-body dl dd {

    margin-left: 378px;

    padding-left: 60px

}



.sep-blog .sep-body dl dd span {

    display: block;

    color: #d8d8d8;

    font-size: 12px;

    margin: 10px 0

}



.sep-blog .sep-body dl dd .btn-read {

    width: 193px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background: #0f218b;

    color: #fff;

    display: block;

    position: absolute;

    bottom: 0

}



.sep-blog .sep-body dl dd p {

    font-size: 14px

}



.sep-blog .sep-body dl .title {

    border-top: 1px solid #d8d8d8;

    position: relative

}



.sep-blog .sep-body dl .title a {

    display: block;

    padding-top: 23px;

    font-size: 18px

}



.sep-blog .sep-body dl .title a img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    position: absolute;

    top: 10px;

    left: 0

}



.sep-resource-mesh .subtitle {

    font-size: 16px;

    color: #0f218b;

    font-weight: bold

}



.sep-resource-mesh .sep-datalist:before {

    content: '';

    display: table;

    clear: both

}



.sep-resource-mesh .sep-datalist:after {

    content: '';

    display: table;

    clear: both

}



.sep-resource-mesh .sep-datalist>li {

    width: 48%;

    margin: 0 1%;

    float: left;

    background: #ebebeb;

    margin-bottom: 2%

}



.sep-resource-mesh .sep-datalist>li .title {

    background: #ddd;

    color: #565655;

    padding: 10px;

    height: 3em;

    overflow: hidden;

    font-size: 13px;

    display: block;

    box-shadow: 0 0 3px #ddd;

    line-height: 20px;

    font-weight: normal;

    white-space: nowrap;

    text-overflow: ellipsis

}



.sep-resource-mesh .sep-datalist>li .title:hover {

    color: #0f218b

}



.sep-resource-mesh .sep-datalist>li .box {

    border: 1px solid #bbb;

    padding: 10px;

    min-height: 141px

}



.sep-resource-mesh .sep-datalist>li .box .summary {

    width: 54%;

    display: inline-block;

    float: left;

    height: 6em;

    overflow: hidden;

    font-size: 12px;

    color: #666

}



.sep-resource-mesh .sep-datalist>li .box .summary ul li {

    width: 100%

}



.sep-resource-mesh .sep-datalist>li .box .summary ul li:before {

    content: '●';

    padding-right: 5px

}



.sep-resource-mesh .sep-datalist>li .box .summary ul li a {

    font-size: 12px;

    color: #333

}



.sep-resource-mesh .sep-datalist>li .box .summary ul li a:hover {

    color: #0f218b

}



.sep-resource-mesh .sep-datalist>li .box .thumb {

    width: 44%;

    display: inline-block;

    float: right

}



.sep-resource-mesh .sep-datalist>li .box .thumb img {

    width: 100%

}



.sep-content-title {

    height: 85px

}



.sep-content-title span {

    line-height: 85px

}



.richtext * {

    color: #6e6e6e;

    font-size: 14px

}



.richtext {

    font-size: 14px;

    line-height: 1.4em;

    padding: 20px 10px 10px

}



.richtext strong {

    font-size: 16px;

    color: #000

}



.richtext strong:before {

    content: '';

    background: #0f218b;

    width: 8px;

    height: 8px;

    display: inline-block;

    margin-right: 10px

}



.richtext .subtitle {

    font-size: 19px;

    font-weight: bold;

    color: #0f218b

}



.richtext table {

    width: 100%

}



.richtext table * {

    font-size: 13px

}



.richtext table p {

    margin-bottom: 0

}



.richtext table tr:nth-child(odd) {

    background: #eee

}



.richtext table tr:first-child {

    background: #0f218b;

    color: #fff

}



.richtext table tr:first-child td {

    border: 1px solid #f00;

    color: #fff

}



.richtext table tr:first-child td * {

    color: #fff

}



.sep-pic-show .richtext .pic-show-box {

    display: table;

    margin: 15px auto;

    position: relative

}



.sep-pic-show .richtext .pic-show-box span {

    position: absolute;

    background: rgba(255,255,255,0.8);

    color: #000;

    width: 100%;

    text-align: center;

    bottom: 0;

    left: 0;

    padding: 15px 0

}



.mutiple-drawings {

    width: 670px;

    float: left

}



.mutiple-drawings ul {

    width: 114px;

    border-right: 2px solid #dfdfdf;

    height: 357px;

    float: left

}



.mutiple-drawings ul li {

    margin-bottom: 15px

}



.mutiple-drawings ul li a img {

    width: 100px;

    border: 1px solid #ddd

}



.mutiple-drawings .box {

    width: 510px;

    float: right;

    float: none;

    margin: 0 auto

}



.mutiple-drawings .box a .preview {

    width: 100%

}



.sketch {

    width: 420px;

    float: right

}



.sketch .sep-detail-title {

    font-size: 18px;

    background: #666;

    color: #fff;

    display: table;

    padding: 5px 10px;

    margin-bottom: 20px

}



.sketch .text {

    font-size: 14px;

    color: #666;

    padding: 10px;

    height: 14em;

    overflow: hidden

}



.sketch .contact-now {

    display: block;

    padding: 5px 0;

    background: #0f218b;

    color: #fff;

    font-size: 14px;

    text-align: center

}



.sketch .share {

    margin: 22px auto

}



.sketch .share ul li a i {

    line-height: 30px

}



.sep-detail-video {

    position: relative;

    margin-top: 55px;

    margin-bottom: 40px;

    height: 140px;

    overflow: hidden

}



.sep-detail-video .sep-container {

    background: transparent

}



.sep-detail-video .sep-container .title {

    font-size: 24px;

    color: #fff;

    margin-top: 60px;

    margin-bottom: 90px

}



.sep-detail-video .sep-container button {

    position: absolute;

    top: 0;

    right: 90px;

    color: #fff;

    background: #0f218b;

    border-radius: 0;

    padding: 15px 61px;

    font-family: bold;

    font-size: 30px

}



.sep-detail-video .sep-container .video {

    padding: 0 90px;

    margin-bottom: 130px;

    margin-top: 174px

}



.sep-detail-video .sep-container .video .video-content {

    width: 50%

}



.sep-detail-video .sep-container .video .video-content img {

    width: 100%

}



.sep-detail-video .sep-container .video .text {

    width: 50%;

    color: #fff;

    padding-left: 30px;

    font-size: 24px;

    padding-top: 60px

}



.sep-detail-hd {

    background: #ddd;

    padding: 0 30px

}



.sep-detail-hd span {

    color: #565655;

    font-size: 24px;

    padding: 10px 0;

    margin-right: 60px;

    display: inline-block;

    cursor: pointer;

    border-bottom: 2px solid transparent

}



.sep-detail-hd span.on {

    border-bottom: 2px solid #0f218b

}



.sep-detail-bd .subtitle {

    font-size: 16px;

    color: #0f218b;

    font-weight: bold

}



.sep-detail-bd>ul>li {

    height: 297px;

    margin-top: 20px

}



.sep-detail-bd>ul>li:nth-child(odd) .img {

    float: left;

    position: relative;

    height: 297px;

    overflow: hidden;

    width: 555px;

    max-width: 555px;

    text-align: center

}



.sep-detail-bd>ul>li:nth-child(odd) .img img {

    width: 68%;

    margin-top: 20px

}



.sep-detail-bd>ul>li:nth-child(odd) .img .bg {

    position: absolute;

    top: 0;

    z-index: 1;

    right: 0;

    width: 120px;

    height: 100%

}



.sep-detail-bd>ul>li:nth-child(odd) .img .kuang {

    border: 1px solid #ddd;

    border-right: none;

    height: 100%;

    width: 100%;

    top: 0;

    position: absolute

}



.sep-detail-bd>ul>li:nth-child(odd) .text {

    float: right;

    width: 274px;

    max-width: 555px;

    border: 1px solid #d8d8d8;

    border-left: none;

    height: 296px;

    padding-left: 10px;

    padding-right: 10px;

    position: relative

}



.sep-detail-bd>ul>li:nth-child(odd) .text span {

    position: absolute;

    top: 50%;

    transform: translateY(-50%)

}



.sep-detail-bd>ul>li:nth-child(even) .img {

    float: right;

    position: relative;

    height: 297px;

    overflow: hidden;

    width: 555px;

    max-width: 555px;

    text-align: center

}



.sep-detail-bd>ul>li:nth-child(even) .img img {

    width: 68%;

    margin-top: 20px

}



.sep-detail-bd>ul>li:nth-child(even) .img .bg {

    position: absolute;

    top: 0;

    z-index: 1;

    left: 0;

    width: 120px;

    height: 100%

}



.sep-detail-bd>ul>li:nth-child(even) .img .kuang {

    border: 1px solid #ddd;

    border-left: none;

    height: 100%;

    width: 100%;

    top: 0;

    position: absolute

}



.sep-detail-bd>ul>li:nth-child(even) .text {

    float: left;

    max-width: 555px;

    width: 274px;

    border: 1px solid #d8d8d8;

    border-right: none;

    height: 296px;

    padding-left: 10px;

    padding-right: 10px;

    position: relative

}



.sep-detail-bd>ul>li:nth-child(even) .text span {

    position: absolute;

    top: 50%;

    transform: translateY(-50%)

}



.sep-inner-text {

    margin-bottom: 20px

}



.sep-inner-text .box-lf {

    width: 60%;

    float: left;

    color: #565656;

    line-height: 25px;

    font-size: 14px

}



.sep-inner-text .box-rt {

    width: 35%;

    float: right;

    font-size: 24px;

    color: #0f218b;

    line-height: 38px

}



.select {

    padding: 8px 0;

    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

    margin-bottom: 35px

}



.select li {

    float: left;

    padding: 0 5px;

    margin-bottom: 5px

}



.select.select-mult li {

    margin-bottom: 0

}



.download-contact {

    font-size: 14px;

    padding: 25px 0

}



.sep-inner-download {

    padding: 15px;

    background: #f2f2f2

}



.sep-inner-download .box-lf {

    color: #0f218b;

    font-size: 24px;

    line-height: 38px;

    width: 44%;

    float: left

}



.sep-inner-download .box-rt {

    width: 50%;

    float: right

}



.sep-inner-download .box-rt .share {

    margin: 0 0 15px

}



.sep-inner-download .box-rt ul li {

    float: left;

    padding-left: 10px

}



.sep-inner-download .box-rt ul li a {

    text-transform: uppercase

}



.sep-inner-download .box-rt ul li a:before {

    content: '';

    display: inline-block;

    margin-right: 5px;

    position: relative;

    top: 2px;

    width: 13px;

    height: 13px

}



@media screen and (max-width:1160px) {

    .kj {

        width: 90%

    }



    .pro-list ul li {

        width: 20%;

        margin: 10px 2.5%

    }



    .pro-list ul li .img {

        width: 100%;

        height: 100%;

        border-bottom: 1px solid #bbb

    }



    .pro-list ul li img {

        width: 100%;

        height: 100%

    }



    .pro-list ul li .title {

        position: static

    }



    .pro-list ul li p {

        margin: 0

    }



    .pro-list ul li:hover .title {

        height: 30px;

        transform: translateY(0);

        -webkit-transform: translateY(0)

    }



    .sep-detail-bd {

        width: 100%;

        max-width: 829px;

        margin: 0 auto

    }

}



@media screen and (max-width:1110px) {

    .mutiple-drawings {

        float: none;

        margin: 0 auto

    }



    .sketch {

        float: none;

        margin: 0 auto;

        margin-top: 30px

    }

}



@media screen and (max-width:875px) {

    .sep-detail-bd ul li:nth-child(odd) .img .bg {

        display: none

    }



    .sep-detail-bd ul li:nth-child(even) .img .bg {

        display: none

    }



    .sep-detail-bd ul li:nth-child(odd) .img {

        width: 100%;

        height: 100%;

        float: none;

        margin: 10px auto

    }



    .sep-detail-bd ul li:nth-child(even) .img {

        width: 100%;

        height: 100%;

        float: none;

        margin: 10px auto

    }



    .sep-detail-bd ul li:nth-child(odd) .text {

        width: 100%;

        border: none;

        padding-top: 20px;

        padding-left: 0;

        padding-bottom: 20px;

        height: 100%;

        float: none;

        margin: 10px auto

    }



    .sep-detail-bd ul li:nth-child(even) .text {

        width: 100%;

        border: none;

        padding-top: 20px;

        padding-left: 0;

        padding-bottom: 20px;

        height: 100%;

        float: none;

        margin: 10px auto

    }



    .sep-detail-bd ul li {

        height: 100%

    }

}



@media screen and (max-width:768px) {

    .sep-detail-video .sep-container .video .video-content {

        width: 100%;

        float: none

    }



    .sep-detail-video .sep-container .video .text {

        width: 100%;

        padding: 0;

        margin-top: 20px

    }

}



@media screen and (max-width:640px) {

    .sep-blog .sep-body dl dd {

        margin-left: 0;

        padding-left: 63px

    }



    .sep-blog .sep-body dl dd .btn-read {

        display: none

    }



    .sep-blog .sep-body dl dt .thumb {

        position: static;

        width: auto;

        height: auto

    }



    .sep-reference-content .thumbs,.sep-inner-download .box-lf {

        width: 100%;

        float: none

    }



    .sep-reference-content .de,.sep-inner-download .box-rt {

        width: 100%;

        float: none;

        margin-top: 20px

    }



    .sep-resource-grid .sep-datalist li {

        width: 50%

    }



    .sep-inner-text .box-lf {

        width: 100%;

        margin-bottom: 10px

    }



    .sep-inner-text .box-rt {

        width: 100%

    }



    .pro-list ul li {

        width: 45%

    }



    .mutiple-drawings {

        width: 100%

    }



    .sep-detail-hd span {

        font-size: 16px

    }



    .mutiple-drawings {

        width: 100%

    }



    .mutiple-drawings ul {

        width: 20%;

        height: 100%

    }



    .mutiple-drawings .box {

        width: 75%

    }



    .mutiple-drawings ul {

        border: none

    }



    .sep-resource-mesh .sep-datalist li {

        width: 100%

    }



    .sep-mainbody .sep-title img {

        display: none

    }



    .sep-mainbody .sep-title span {

        color: #000

    }



    .sep-mainbody .sep-title {

        height: 50px

    }



    .sep-mainbody .sep-title span {

        line-height: 50px

    }

}



@media screen and (max-width:480px) {

    .sep-resource-grid .sep-datalist li {

        width: 100%

    }

}



.header {

    height: 60px;

    display: none;

    border-top: 5px solid #0f218b;

    border-bottom: 1px solid #0f218b;

    background: -webkit-linear-gradient(#fff, #bdbbbb);

    background: -o-linear-gradient(#fff, #bdbbbb);

    background: -moz-linear-gradient(#fff, #bdbbbb);

    background: -ms-linear-gradient(#fff, #bdbbbb);

    background: linear-gradient(#fff, #bdbbbb)

}



.header_left {

    height: 100%;

    width: 82%

}



.header_left a img {

    margin-left: 32px;

    margin-top: 9px;

    width: 72px;

    height: auto

}



#change1,#change {

    display: inline-block;

    line-height: 27px;

    font-size: 14px;

    height: 27px;

    margin-left: 10px;

    cursor: pointer;

    color: #00aead

}



#change1:hover,#change:hover {

    color: #ffa200

}



.lanbox {

    overflow-x: hidden;

    position: absolute;

    top: 60px;

    z-index: 1000;

    width: 100%;

    transition: all 1s

}



.lanbox .language_main2 {

    width: 90%;

    background: rgba(255,255,255,0.9);

    position: absolute;

    top: 0;

    z-index: 1000;

    right: 0;

    transition: All .4s ease-in-out;

    -webkit-transition: All .4s ease-in-out;

    -moz-transition: All .4s ease-in-out;

    -o-transition: All .4s ease-in-out;

    transform: translateX(100%);

    -webkit-transform: translateX(100%);

    transition: transform .7s ease-out;

    -webkit-transition: transform .7s ease-out

}



.lanbox .language_main2 ul li {

    background: #2e2e2e;

    color: #fff;

    font-size: 14px;

    border-bottom: 1px solid #404040;

    position: relative

}



.lanbox .language_main2 ul li:hover {

    background: #0f218b

}



.lanbox .language_main2 ul li a {

    display: block;

    padding: 20px 0 20px 0;

    padding-left: 60px;

    color: #fff

}



.lanbox .language_main2 ul li a:hover {

    background: #0f218b

}



.lanbox .language_main2 ul li a img {

    position: absolute;

    right: 60px

}



.lanbox .lan_fixed {

    transform: translateX(0);

    -webkit-transform: translateX(0)

}



.nav {

    width: 90%;

    background: rgba(255,255,255,0.9);

    position: absolute;

    top: 0;

    z-index: 1000;

    right: 0;

    transition: All .4s ease-in-out;

    -webkit-transition: All .4s ease-in-out;

    -moz-transition: All .4s ease-in-out;

    -o-transition: All .4s ease-in-out;

    transform: translateX(100%);

    -webkit-transform: translateX(100%);

    transition: transform .7s ease-out;

    -webkit-transition: transform .7s ease-out

}



.nav ul li {

    border-bottom: 1px solid #404040;

    position: relative;

    background: #3b3b3b

}

.nav ul li.shop{

    background:#C30;

    color: #fff

}


.nav ul li a {

    color: #bfbfbf

}



.nav ul li>a {

    display: inline-block;

    padding: 20px 0 20px 0;

    padding-left: 60px

}



.nav>ul>li {

    background: #2e2e2e;

    color: #fff

}



.nav>ul>li a {

    color: #fff;

    border-bottom: 1px solid #404040

}



.nav>ul>li>a {

    border-bottom: none

}



.nav>ul>li>a:hover {

    color: #bfbfbf

}



.nav>ul>li>ul {

    display: none

}



.nav>ul>.has-childs:after {

    content: '\f107';

    font-family: 'FontAwesome';

    position: absolute;

    right: 10%;

    top: 21px

}



.nav>ul>.has-childs>ul>.has-childs ul {

    display: block

}



.nav>ul>.has-childs>ul>li:last-child {

    border-bottom: none

}



.nav>ul>.has-childs>ul>li a {

    display: block;

    padding: 20px 0 20px 0;

    padding-left: 60px;

    color: #bfbfbf

}



.nav>ul>.has-childs>ul>li a:last-child {

    border-bottom: none

}



.nav>ul>.has-childs>ul>li a:hover {

    background: #0f218b;

    color: #fff

}



.nav>ul>.has-childs>ul>li>ul>li:last-child {

    border-bottom: none

}



.nav>ul>.has-childs>ul>li>ul>li a {

    display: block;

    padding: 20px 0 20px 0;

    padding-left: 120px

}



.nav>ul>.has-childs>ul>li>ul>li a:last-child {

    border-bottom: none

}



.nav_fixed {

    transform: translateX(0);

    -webkit-transform: translateX(0)

}



.search_moblie {

    display: none;

    width: 100%;

    background: #2e2e2e;

    padding: 10px 0;

    position: absolute;

    top: 60px;

    z-index: 1000

}



.search_moblie .header_s {

    width: 100%;

    border-radius: 0;

    background: #eaf4fd;

    padding: 13px 10px;

    font-size: 14px;

    border: none;

    color: #000;

    border-radius: 6px

}



.search_moblie .submit {

    width: 10%;

    background: transparent;

    border: none;

    margin-left: 0;

    padding: 0;

    padding-top: 3px;

    position: absolute;

    right: 20px;

    top: 7px

}



.search_moblie .submit i {

    font-size: 24px;

    color: #3a3a3a

}



.search_moblie .submit i:hover {

    color: #0f218b

}



.search_moblie form {

    width: 96%;

    margin: 0 auto;

    position: relative

}



.form {

    display: inline-block;

    position: relative;

    float: right;

    margin-top: 7px

}



.form .top-btn.btn {

    background: #0f218b;

    color: #fff;

    position: relative;

    left: -3px;

    top: -1px;

    border-radius: 0;

    height: 33px

}



.change a {

    color: #00aead;

    font-size: 14px

}



.change a:hover {

    color: #0c9

}



.header_s {

    padding: 7px 10px;

    outline: none;

    width: 190px;

    color: #666;

    border: 1px solid #959595;

    border-right: none;

    background: transparent

}



#bottom {

    display: none

}



.bottom {

    margin-bottom: 44px

}



.bottom a {

    font-size: 12px;

    color: #717171

}



.bottom a:hover {

    text-decoration: underline;

    color: #fff

}



.bottom ul li {

    float: left;

    font-size: 12px;

    color: #717171;

    line-height: 26px

}



.bottom ul li span {

    font-size: 12px;

    color: #717171;

    line-height: 16px;

    display: block

}



.bottom .ul_3 {

    margin: 15px auto

}



@media screen and (min-width:640px) {

    .nav {

        display: none

    }

}



@media screen and (max-width:640px) {

    .sep-body .sep-help .sep-container {

        width: 81.6%;

        padding: 36px 0

    }



    .sep-body .sep-help .sep-container dl {

        padding: 0

    }



    .sep-body .sep-help .sep-container .bx-wrapper .bx-pager {

        bottom: -30px

    }



    .mabile-back-top {

        display: none

    }



    #onlineService-two {

        width: 100%;

        position: fixed;

        height: 44px;

        overflow: hidden;

        bottom: 0;

        right: 0;

        display: block;

        z-index: 10000;

        background: #0f218b

    }



    #onlineService-two .offside {

        width: 100%

    }



    #onlineService-two .offside .icon {

        line-height: 44px

    }



    #onlineService-two .offside li {

        width: 33.333%;

        height: 44px;

        float: left;

        border: none;

        -webkit-transition: all .3s;

        -moz-transition: all .3s;

        -ms-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s

    }



    #onlineService-two .offside li.ons {

        width: 25%

    }



    #onlineService-two .offside li a {

        position: relative;

        margin: 0 auto

    }



    #onlineService-two .offside li:nth-child(1),#onlineService-two .offside li:nth-child(2),#onlineService-two .offside li:nth-child(3),#onlineService-two .offside li:nth-child(4) {

        background: #0f218b

    }



    .sep-mainbody .sep-primary .sep-content .relate-list.relate-article-list .sep-datalist li {

        width: 96%

    }



    .related dl {

        width: 95%

    }



    .related dl dt a img {

        width: 100%;

        height: auto

    }



    .sep-general-form .sep-form>div.form-group {

        width: 100%;

        padding: 0 0 0 20%

    }



    .inner-list li a {

        padding: 10px

    }



    .sep-inner-product .product-list-detail li {

        width: 100%

    }



    .sep-inner-product .product-list-detail li:nth-child(3n+4) {

        margin-left: 0

    }



    .sep-inner-product .product-list-detail li+li {

        margin-left: 0

    }



    .sep-resource-mesh .sep-datalist>li {

        margin: 0 0 20px 0

    }



    .nav {

        display: block

    }



    .header {

        display: block

    }



    .navbox {

        overflow-x: hidden;

        min-height: 700px;

        position: absolute;

        top: 60px;

        z-index: -1;

        width: 100%;

        transition: all 1s

    }



    .bottom {

        background: #d6d6d6;

        border-top: 1px solid #0f218b

    }



    .bottom .ul_3 div {

        display: block

    }



    header {

        display: none

    }



    nav {

        display: none

    }



    .header_left .change,.header_left .search {

        height: 32px;

        width: 32px;

        padding: 0

    }



    .header_left .change i,.header_left .search i {

        height: 32px;

        width: 32px;

        color: #0f218b;

        text-align: center;

        line-height: 32px;

        font-size: 20px;

        border-radius: 6px;

        cursor: pointer

    }



    .header_left .change i.on,.header_left .search i.on {

        background: #fff;

        color: #0f218b

    }



    .change3 {

        position: relative;

        right: 20px

    }



    .header_left .change {

        text-align: center

    }



    .header_left .change img {

        position: relative;

        top: 17px;

        cursor: pointer

    }



    .header_left .change span {

        position: relative;

        top: 4px

    }



    .header_left .search {

        margin-top: 14px

    }



    #change1 {

        margin-top: 10px;

        margin-left: 0;

        text-align: center;

        width: 100%;

        color: #fff

    }



    .header_menu {

        width: 18%

    }



    .header_menu i {

        content: '\f0c9';

        font-family: FontAwesome;

        color: #0f218b;

        display: inline-block;

        width: 32px;

        height: 32px;

        line-height: 32px;

        text-align: center;

        font-size: 20px;

        position: relative;

        top: 5px;

        left: 18px;

        top: 14px;

        cursor: pointer;

        border-radius: 6px

    }



    #menuClick i {

        color: #0f218b;

        background: #fff

    }



    #bottom {

        display: block

    }



    #bottom .ul_3 {

        float: none;

        margin-left: 0;

        width: 81.6%;

        margin: 0 auto;

        margin-bottom: 15px;

        margin-top: 15px

    }



    #bottom .dl_bottom {

        float: none;

        margin-left: 0;

        width: 80%;

        margin: 0 auto;

        margin-bottom: 15px;

        margin-top: 15px

    }



    #bottom .dl_bottom .title {

        padding: 10px 30px;

        background: #000;

        color: #fff;

        cursor: pointer;

        position: relative;

        padding-left: 10px

    }



    #bottom .dl_bottom .title:before {

        content: '\f0da';

        font-family: 'FontAwesome';

        color: #fff;

        transition: All .4s ease-in-out;

        -webkit-transition: All .4s ease-in-out;

        -moz-transition: All .4s ease-in-out;

        -o-transition: All .4s ease-in-out

    }



    #bottom .dl_bottom .title.active:before {

        content: '\f0d7'

    }



    #bottom .dl_bottom ul {

        display: none

    }



    #bottom .dl_bottom ul li a {

        color: #fff

    }



    #bottom .ul_3 a:hover {

        color: #666

    }



    .bottom .ul_3 div {

        width: 100%;

        margin: 0

    }



    #bottom .ul_3 h4 {

        padding: 10px 30px;

        background: #00aead;

        color: #fff;

        cursor: pointer;

        position: relative

    }



    #bottom .ul_3 h4 span {

        display: inline-block;

        position: absolute;

        width: 7px;

        height: 12px;

        left: 10px;

        top: 10px;

        z-index: 10;

        transition: All .4s ease-in-out;

        -webkit-transition: All .4s ease-in-out;

        -moz-transition: All .4s ease-in-out;

        -o-transition: All .4s ease-in-out

    }



    #bottom .ul_3 h4 .active {

        transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -moz-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        -ms-transform: rotate(90deg)

    }



    .bottom ul li {

        float: none

    }



    #bottom .ul_1 li a .r {

        opacity: 0;

        position: relative;

        left: 50px;

        text-decoration: none;

        transition: All .2s ease-in-out;

        -webkit-transition: All .2s ease-in-out;

        -moz-transition: All .2s ease-in-out;

        -o-transition: All .2s ease-in-out

    }

}



@media screen and (max-width:1440px) {

    .sep-body .sep-products .sep-container {

        max-width: 1000px

    }



    .sep-body .sep-products .sep-container ul li dl dt {

        height: auto;

        line-height: 230px

    }



    .sep-body .sep-products .sep-container ul li dl dt img {

        max-width: 240px

    }



    .sep-body .sep-products .sep-container ul li dl .hovers {

        top: 48%

    }



    .sep-body .sep-products .sep-container ul li:nth-child(2),.sep-body .sep-products .sep-container ul li:nth-child(5),,.sep-body .sep-products .sep-container ul li:nth-child(8) {

        margin: 0 3.5% 40px

    }



    .sep-body .sep-company-profile .sep-container {

        max-width: 1000px

    }



    .sep-body .sep-company-profile .sep-container .lefts .titles .titles-a {

        margin-top: 16px

    }



    .sep-body .sep-certificates .sep-container {

        max-width: 1000px

    }



    .sep-body .sep-certificates .sep-container ul li:nth-child(2),.sep-body .sep-certificates .sep-container ul li:nth-child(5) ,.sep-body .sep-certificates .sep-container ul li:nth-child(8){

        margin: 0 3.5% 40px

    }



    .sep-body .sep-faq-news .sep-container {

        max-width: 1000px

    }



    .sep-body .sep-faq-news .sep-container .faq dl dt img {

        max-width: 100%

    }

}



@media screen and (max-width:1120px) {

    .sep-container {

        max-width: 100%

    }



    .sep-header .sep-container .header-box .header-nav ul li a {

        padding: 14px 15px

    }

}



@media screen and (max-width:1080px) {

    .sep-header .sep-container .header-box .header-nav ul li a {

        padding: 14px 10px

    }

}



@media screen and (max-width:1024px) {

    .sep-container {

        max-width: 100%

    }

}



@media screen and (max-width:1000px) {

    .sep-header .sep-container .header-box .header-nav ul li a {

        text-transform: none

    }

}



@media screen and (max-width:768px) {

    .sep-banner .banner .list .covers .titles {

        font-size: 36px

    }



    .sep-banner.banner-one {

        display: none

    }



    .sep-banner.banner-two {

        display: block

    }



    .sep-header .sep-container .header-box .forms {

        display: none

    }



    .sep-banner .adv .list .covers .titles {

        font-size: 36px;

        max-width: 80%;

        margin: 0 auto

    }



    .sep-banner .adv .list .covers span {

        display: none

    }



    .sep-body .sep-products .sep-container ul li {

        width: 46%;

        margin: 0 2% 40px

    }



    .sep-body .sep-products .sep-container ul li:nth-child(2),.sep-body .sep-products .sep-container ul li:nth-child(5),.sep-body .sep-products .sep-container ul li:nth-child(8) {

        margin: 0 2% 40px

    }



    .sep-body .sep-company-profile .sep-container .lefts {

        width: 100%;

        margin: 0 auto 30px

    }



    .sep-body .sep-company-profile .sep-container .rights {

        width: 100%;

        max-width: 372px;

        float: initial;

        margin: 0 auto

    }



    .sep-body .sep-certificates .sep-container ul li {

        width: 100%;

        float: initial;

        max-width: 372px;

        margin: 0 auto 30px

    }



    .sep-body .sep-certificates .sep-container ul li:nth-child(2),.sep-body .sep-certificates .sep-container ul li:nth-child(5),.sep-body .sep-certificates .sep-container ul li:nth-child(8) {

        margin: 0 auto 30px

    }



    .sep-body .sep-faq-news .sep-container {

        max-width: 1000px

    }



    .sep-body .sep-faq-news .sep-container .faq {

        width: 100%;

        max-width: 372px;

        margin: 0 auto 30px;

        float: initial

    }



    .sep-body .sep-faq-news .sep-container .news {

        width: 100%

    }



    .sep-footer>.sep-container .footer-left {

        padding-left: 20px;

        width: 34%

    }



    .sep-footer>.sep-container .footer-right {

        width: 66%

    }



    .sep-footer>.sep-container .footer-right .lists {

        width: 52%

    }



    .sep-footer>.sep-container .footer-right .lists.firsts {

        width: 42%

    }

}



@media screen and (max-width:480px) {

    .sep-body .sep-faq-news .sep-container {

        padding-bottom: 30px

    }



    .sep-primary .relate-list.relate-article-list .sep-datalist li {

        width: 96%

    }



    .offside li {

        display: none

    }



    .sep-header {

        display: none

    }



    .sep-body .sep-products .sep-container {

        padding: 20px 0 0

    }



    .sep-body .sep-products .sep-container>.titles span {

        padding: 10px 0 20px

    }



    .sep-body .sep-products .sep-container ul li {

        width: 81.6%;

        float: initial;

        margin: 0 auto 20px

    }



    .sep-body .sep-products .sep-container ul li:nth-child(2),.sep-body .sep-products .sep-container ul li:nth-child(5),.sep-body .sep-products .sep-container ul li:nth-child(8) {

        margin: 0 auto 40px

    }



    .sep-body .sep-company-profile .sep-container {

        padding: 20px 0;

        width: 81.6%

    }



    .sep-body .sep-company-profile .sep-container .lefts {

        margin: 0 auto 20px;

        padding-bottom: 0;

        height: auto

    }



    .sep-body .sep-certificates .sep-container {

        padding: 20px 0;

        width: 81.6%

    }



    .sep-body .sep-certificates .sep-container ul li {

        margin: 0 auto 20px

    }



    .sep-body .sep-certificates .sep-container ul li:nth-child(2),.sep-body .sep-certificates .sep-container ul li:nth-child(5),.sep-body .sep-certificates .sep-container ul li:nth-child(8) {

        margin: 0 auto 20px

    }



    .sep-body .sep-faq-news .sep-container .faq {

        width: 81.6%;

        max-width: 372px;

        margin: 0 auto 20px;

        float: initial

    }



    .sep-body .sep-faq-news .sep-container .news {

        width: 100%

    }



    .sep-body .sep-faq-news .sep-container .news>.news-titles ul li:before {

        padding: 0 6px

    }



    .sep-body .sep-faq-news .sep-container .news .content-list {

        min-height: auto

    }



    .sep-body .sep-faq-news .sep-container .news .content-list .lists {

        position: relative

    }



    .sep-body .sep-faq-news .sep-container .news dl dt {

        width: 24%;

        line-height: normal

    }



    .sep-body .sep-faq-news .sep-container .news dl dd {

        float: right

    }



    .sep-footer>.sep-container .footer-left {

        padding-left: 20px;

        width: 34%

    }



    .sep-footer>.sep-container .footer-right {

        width: 66%

    }



    .sep-footer>.sep-container .footer-right .lists {

        width: 52%

    }



    .sep-footer>.sep-container .footer-right .lists.firsts {

        width: 42%

    }



    .sep-footer {

        display: none

    }

}



@media screen and (max-width:375px) {

    .sep-body .sep-company-profile {

        background-size: auto 51%

    }



    .sep-body .sep-cases .sep-container .cases {

        height: 824px

    }

}



@media screen and (max-width:1024px) {

    .sep-banner .banner .list img {

        max-width: 100%

    }



    .sep-sidebar {

        display: none

    }



    .sep-primary {

        width: 100%;

        padding: 0 2%

    }



    #zoom {

        min-height: 300px

    }

}



@media screen and (max-width:768px) {

    #zoom {

        min-height: 226px

    }



    .sep-primary .sep-inner-product_list .datalist li {

        width: 48%

    }



    .sep-primary .sep-inner-product-box .box-rt .btns li a {

        padding-right: 30px

    }



    .sep-general-form {

        padding: 41px 2% 56px

    }



    .sep-general-form .sep-form>div .form-group {

        padding: 0 0 0 30%

    }



    .sep-general-form .sep-form>div .form-group .control-label {

        width: 30%

    }



    .sep-general-form .sep-form>div.form-right .form-group {

        width: 93%;

        padding: 0 0 0 20%

    }



    .sep-general-form .sep-form>div.form-right .form-group .control-label {

        width: 20%

    }

}



@media screen and (max-width:640px) {

    .sep-banner .adv .list .covers {

        width: 100%;

        left: 0;

        margin-left: 0;

        top: 15%

    }



    .sep-primary .share {

        margin: 25px auto 0

    }



    .sep-primary .sep-inner-labels li {

        padding: 0 12px

    }



    .sep-mainbody>.sep-container {

        margin-bottom: 20px

    }



    .sep-primary .sep-inner-product_list .datalist li {

        width: 98%

    }



    .sep-primary .sep-inner-product-box .box-lf {

        width: 100%

    }



    .sep-primary .sep-inner-product-box .box-rt {

        width: 100%;

        margin-top: 28px

    }



    .sep-primary .sep-inner-product-box .box-rt .share {

        margin: 0 auto 15px

    }



    .sep-general-form {

        padding: 12px 2% 30px

    }



    .sep-general-form .sep-form>div.form-left {

        width: 100%

    }



    .sep-general-form .sep-form>div.form-right {

        width: 100%

    }



    .sep-general-form .sep-form>div.form-right .form-group {

        padding: 0 0 0 30%

    }



    .sep-general-form .sep-form>div.form-right .form-group .control-label {

        width: 30%

    }



    .sep-primary .relate-list .sep-datalist li {

        width: 94%;

        margin: 0 3%

    }

}



@media screen and (max-width:480px) {

    #zoom {

        min-height: 240px

    }

}



@media screen and (max-width:414px) {

    #zoom {

        min-height: 265px

    }

}



@media screen and (max-width:375px) {

    #zoom {

        min-height: 240px

    }

}

.friend_link{

    background: #6c8fc6;

    color: #FFF;

    padding: 15px 0;

}

.friend_link .lists a{margin-right: 15px;color: #FFF;display: inline-block;}

.newsdata{width:100%; line-height:25px; color:#999; text-align:center;}

.relate-cen{text-align:center;font-size:26px;}

.b{font-size: 16px;text-transform: uppercase;color: #fff;}

.boldno{border:none;}

.boldno img{max-width:100%;}

.width100{width:100%}

.disblo{display: block;}

.marbot0{margin-bottom:0;}

.fl{float: left}

.fr{float: right;}

.mgb0{margin-bottom: 0;}

.mgb10{margin-bottom: 10px;}

.mgb20{margin-bottom: 20px;}

.mgb30{margin-bottom: 30px;}

.mgb40{margin-bottom: 40px;}

.mgb50{margin-bottom: 50px;}



.show{display:block; }

.hide{display:hidden; }

.wid100per{width:100% }

.text-alignl{text-align: left;}

.text-alignr{text-align: right;}

.text-alignc{text-align: center;}

.pdl{padding-left: 20px;}

.cblleft{text-align:left;padding-left:20px;}



.cplink{width:100%;height:25px; line-height:25px;}

.cplink span{float:right; color:#666;}

.cplinkul{ list-style:none; clear:both;}



/*产品表格*/

.tab {width:90%;margin:10px auto;font-size:12px; text-align:center; line-height:21px;border-right:1px solid #000000;border-bottom:1px solid #000000;}

.tab td{border-left:1px solid #000000;border-top:1px solid #000000;}